<template>
    <div id="radar2"></div>
</template>
<script>
export default{
    mounted(){
        let mychart = this.$echarts.init(document.getElementById('radar2'))
        mychart.setOption({
            legend: {
                data: ['岗位平均', '实际分值']
            },
            radar: {
                indicator: [
                { name: '3.3\n客户联系', max: 1000},
                { name: '3.2\n客户拜访', max: 1000 },
                { name: '2.7\n学习能力', max: 1000 },
                { name: '2.8\n分享能力', max: 1000 },
                { name: '2.1\n协作沟通', max: 1000 },
                ]
            },
            series: [
                {
                type: 'radar',
                axisLine: {
                    lineStyle:{
                    color:'red'
                    }
                },
                data: [
                    {
                    value: [800,700,900,1000,500],
                    name: '岗位平均',
                    lineStyle:{
                        normal:{
                        color: '#3bc990'
                        }
                    }
                    },
                    {
                    value: [1000,800,500,700,800],
                    name: '实际分值',
                    areaStyle: { // 区域样式配置
                            color: '#6baffd' // 设置填充颜色
                        },
                    }
                ]
                }
            ]
        })
    }
}
</script>
<style></style>